*{
  margin:0;
  padding:0;
  list-style:none;
  text-decoration: none;
}
body{

}
ul li{
  display: flex;
  justify-content: space-between;
  font-size: 0.4rem;
  color: white;
}
/*head*/
.head {
  display: flex;
  flex-direction: column;
  width: 10.7rem;
  height: 4.3rem;
  background: #5189ff;
 .head1{
   width: 100%;
   height: 1.56rem;
   display: flex;
   justify-content: space-between;
 }
  .head-left {
    width: 50%;
    line-height: 1.56rem;
  }
  .head-left>img{

    margin-left: 0.4rem;
  }
  .head-right{
    width: 50%;

  }
  .sign{
    margin-left: 2rem;
    height: 0.8rem;
    width: 2rem;
    opacity: 0.4;
    background: aliceblue;
    border-radius: 15px 15px 15px 15px;
    border: aliceblue;
    font-size: 12px;
  }
  .download{
    float: right;
    line-height: 0.8rem;
    width: 0.8rem;
    height: 0.7rem;
    margin-top: 0.42rem;
    margin-right: 10px;
  }
 .head2{

   width: 100%;
   height: 1.32rem ;
 }
  .head3{
    width: 10rem;
    height: 2.72rem;
    margin: auto;
  }
}

/*content*/
.content {
  .title-top {
    height: 1.96rem;
    width: 100%;
    background: white;
  }
  .title-top>p{
    font-size: 0.4rem;
  }
  .title-top>span{
    color: red;
    font-size: 0.3rem;
  }
  .title-top>i{
    font-size: 0.3rem;
  }
  .title-sub{
    height: 1.96rem;
    width: 100%;
    background: white;
  }
  .title-sub>p{
    font-size: 0.4rem;
  }
  .title-sub>i{
    font-size: 0.3rem
  }
}